<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的订单</title>
		<link rel="stylesheet" type="text/css" href="css/wodedingdan.css"/>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/wodedingdan.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="div">
			<!--头-->
			<div id="head">
				<div id="title">
					<span id="logo"><a href="index.jsp#shouyebufen">王府井永光酒店</a></span>
					<span class="dh"><a href="index.jsp#shouyebufen">首页</a></span>
					<span class="dh"><a href="index.jsp#fangjianyuding">房间预定</a></span>
					<span class="dh"><a href="index.jsp#jiudianxiangqing">酒店详情</a></span>
					<span class="dh"><a href="index.jsp#pingjia">评价</a></span>
					<span class="dh"><a href="wodedingdan.jsp">我的订单</a></span>
				</div>
			</div>
			<div id="headTS"></div>
			
			<div id="content">
				<!--左边列表-->
				<div id="left">
					<ul>
						<li class="wdxxx">我的信息</li>
						<li class="ddxxx">订单信息</li>
						<!--<li class="wdxiaoxix">我的消息</li>-->
						<li class="zhaqx">账户安全</li>
					</ul>
				</div>
				
				<!--右边内容-->
				<div id="right">
					<!--我的信息-->
					<div id="wdxx">
						<div class="right_title">
							我的信息
						</div>
						<div id="wdxx_tp">
							<div>我的头像</div>
							<img src="img/001.jpg" />
						</div>
						<table border="0" cellpadding="20px">
							<tr>
								<td>用户名：</td>
								<td>zhangsan</td>
							</tr>
							<tr>
								<td>昵称：</td>
								<td>手可摘星辰</td>
							</tr>
							<tr>
								<td>真实姓名：</td>
								<td>张三</td>
							</tr>
							<tr>
								<td>性别：</td>
								<td>男</td>
							</tr>
							<tr>
								<td>email：</td>
								<td>1234567890@qq.com</td>
							</tr>
							<tr>
								<td>电话号码：</td>
								<td>12345678901</td>
							</tr>
						</table>
					</div>
					
					<!--订单信息-->
					<div id="ddxx">
						<div class="right_title">
							订单信息
						</div>
						<div id="ddxx_title">
							<span class="ddxxxq ddxx_qbdd">全部订单</span>
							<span class="ddxxxq ddxx_jxz">进行中</span>
							<span class="ddxxxq ddxx_ycs">已超时</span>
							<span class="ddxxxq ddxx_ddp">待点评</span>
						</div>
						<div class="ddxx_show ddxx_qbddx">
							<div class="ddxx_xxxx">
								<table cellpadding="10px">
									<tr>
										<td rowspan="3" class="ddxx_mingcheng">王府井永光酒店</td>
										<td>2022年8月26日 15:10:20 —— 2022年8月27日 10:00:00</td>
										<td class="ddxx_money">￥599</td>
									</tr>
									<tr>
										<td>观潮景区临江路3号</td>
										<td class="ddxx_jinxinzhong">进行中</td>
									</tr>
									<tr>
										<td>入住人数：2人</td>
										<!--<td><a href="" class="ddxx_dianp" >点评</a></td>-->
									</tr>
								</table>
							</div>
							
							<div class="ddxx_xxxx">
								<table cellpadding="10px">
									<tr>
										<td rowspan="3" class="ddxx_mingcheng">王府井永光酒店</td>
										<td>2022年8月26日 15:10:20 —— 2022年8月27日 10:00:00</td>
										<td class="ddxx_money">￥599</td>
									</tr>
									<tr>
										<td>观潮景区临江路3号</td>
										<td class="ddxx_jinxinzhong" style="color: red;">已超时</td>
									</tr>
									<tr>
										<td>入住人数：2人</td>
										<!--<td><a href="" class="ddxx_dianp" >点评</a></td>-->
									</tr>
								</table>
							</div>
							
							<div class="ddxx_xxxx">
								<table cellpadding="10px">
									<tr>
										<td rowspan="3" class="ddxx_mingcheng">王府井永光酒店</td>
										<td>2022年8月26日 15:10:20 —— 2022年8月27日 10:00:00</td>
										<td class="ddxx_money">￥599</td>
									</tr>
									<tr>
										<td>观潮景区临江路3号</td>
										<td class="ddxx_jinxinzhong">已完成</td>
									</tr>
									<tr>
										<td>入住人数：2人</td>
										<td><a href="" class="ddxx_dianp" >点评</a></td>
									</tr>
								</table>
							</div>
							
							<div id="ddxx_fenye">
								<a href="">首页</a>
								<a href="">上一页</a>
								<a href="">1</a>
								<a href="">2</a>
								<a href="">3</a>
								<a href="">下一页</a>
								<a href="">尾页</a>
								<span>1/3页</span>
								<span>共34条</span>
							</div>
							
						</div>
					</div>
					
					<!--我的消息-->
					<div id="wdxiaoxi">
						<div class="right_title">
							我的消息
						</div>
					</div>
					
					<!--账户安全-->
					<div id="zhaq">
						<div class="right_title">
							账户安全
						</div>
						<div class="zhaq_content">
							<div class="zhaq_content_img">
								<img src="img/gougou.png"/>
							</div>
							<div class="zhaq_content_grxx">个人信息</div>
							<span class="zhaq_content_ct">修改个人信息不包括修改密码、手机号、邮箱</span>
							<span class="zhaq_grxx_xiugai"><a href="">修改</a></span>
						</div>
						<div class="zhaq_content">
							<div class="zhaq_content_img">
								<img src="img/gougou.png"/>
							</div>
							<div class="zhaq_content_grxx">登录密码</div>
							<span class="zhaq_content_ct">建议定期更换</span>
							<span class="zhaq_denglumima"><a href="">修改</a></span>
						</div>
						<div class="zhaq_content">
							<div class="zhaq_content_img">
								<img src="img/gougou.png"/>
							</div>
							<div class="zhaq_content_grxx">绑定邮箱</div>
							<span class="zhaq_content_ct">绑定邮箱后可以根据邮箱进行找回密码</span>
							<span class="yx_shouji"><a href="">修改</a></span>
						</div>
						<div class="zhaq_content">
							<div class="zhaq_content_img">
								<img src="img/gougou.png"/>
							</div>
							<div class="zhaq_content_grxx">绑定手机</div>
							<span class="zhaq_content_ct">绑定手机号后可以根据手机号找回密码</span>
							<span class="yx_shouji"><a href="">修改</a></span>
						</div>
					</div>
				</div>
				
			</div>
			
			<!--页脚-->
			<div id="" style="margin-top: 100px;">
				<img src="img/yejiao2.png"/>
			</div>
		</div>
	</body>
</html>